<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head th:include="include::header"></head>
<style>
    /*.file-list {*/
        /*height: 125px;*/
        /*display: none;*/
        /*list-style-type: none;*/
    /*}*/

    /*.file-list img {*/
        /*!*max-width: 70px;*!*/
        /*!*max-width: 100px;*!*/
        /*vertical-align: middle;*/
    /*}*/

    /*.file-list .file-item {*/
        /*margin-bottom: 10px;*/
        /*float: left;*/
        /*margin-left: 20px;*/
    /*}*/


    /*.file-list .file-item .file-del {*/
        /*display: block;*/
        /*margin-left: 20px;*/
        /*margin-top: 5px;*/
        /*cursor: pointer;*/
    /*}*/
</style>

<body class="gray-bg">
<div class="wrapper wrapper-content ">
    <div class="col-sm-12">
        <div class="ibox">
            <div class="ibox-body">
                <div id="orderToolbar" role="group">
                    <!--<button shiro:hasPermission="sys:role:add" type="button"
                            class="btn btn-primary" onclick="add()">
                        <i class="fa fa-plus" aria-hidden="true"></i>录单
                    </button>-->
                    <!--<button shiro:hasPermission="sys:role:add" type="button"-->
                            <!--class="btn btn-primary" onclick="importExcel()">-->
                        <!--<i class="fa fa-cloud-upload" aria-hidden="true"></i>导入-->
                    <!--</button>-->
                    <!--<button shiro:hasPermission="sys:role:batchRemove" type="button"-->
                            <!--class="btn btn-success" onclick="batchOrder()">-->
                        <!--<i class="fa fa-check" aria-hidden="true"></i>下单-->
                    <!--</button>-->

                    <div class="row" >
                        <div class="col-sm-4">
                            <button shiro:hasPermission="lgs:orderBind:mng:update" type="button"
                                    class="btn btn-success" onclick="exportExcel()">
                                <i class="fa fa-check" aria-hidden="true"></i>导出
                            </button>
                            <button shiro:hasPermission="lgs:orderBind:mng:update" type="button"
                                    class="btn btn-primary" onclick="reLoad()">
                                <i class="fa fa-refresh" aria-hidden="true"></i>刷新
                            </button>
                        </div>

                        <div class="col-sm-4">
                            <div class="input-group">
                                <span class="input-group-addon" style="background-color:#d4d4d4" >下单日期</span>
                                <input id="datePicker" name="datePicker" type="text" class="form-control" placeholder="全部">
                                <input id="startDate" name="startDate" type="hidden">
                                <input id="endDate" name="endDate" type="hidden">
                            </div>
                        </div>
                    </div>
                </div>
                <table id="orderTable" data-mobile-responsive="true">
                </table>

                <div class="tabbable" id="tabs-122507">
                    <ul class="nav nav-tabs">
                        <li>
                            <a href="#panel-detail" data-toggle="tab" id="panelDetail">订单详情</a>
                        </li>
                        <li class="active">
                            <a href="#panel-track" data-toggle="tab" id="panelTrack">跟踪信息</a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane" id="panel-detail">
                            <div class="row">
                                <div class="col-sm-2">
                                    <span class="input-group-addon">物流评分：</span>
                                </div>
                                <div class="col-sm-4">
                                    <div id="lgsScore"></div>
                                </div>
                                <div class="col-sm-2">
                                    <div ></div>
                                </div>
                                <div class="col-sm-4">
                                    <form action="" method="post" class="form" id="form-submit" enctype="multipart/form-data">
                                        <input type="hidden" name="orderId" value="0" id="orderId">
                                        <div class="input-group">
                                            <!--<input type="text" class="form-control">-->
                                            <input type="file" class="form-control" name="file" title="添加回单图片" accept="image/*" id="file" placeholder="添加回单图片"/>
                                            <span class="input-group-btn">
                                                <button class="btn btn-primary" type="button" id="submit">提交回单</button>
                                            </span>
                                        </div>
                                    </form>

                                    <!--<button type="button" class="layui-btn" id="test1">
                                        <i class="layui-icon">&#xe67c;</i>上传回单图片
                                    </button>-->
                                </div>
                            </div>
                            <div th:include="lgs/orderDetail::orderDetail"></div>

                            <!-- 物流回单 图片展示 -->
                            <!--<br/>-->
                            <div class="row">
                                <div class="col-sm-12">
                                    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">
                                        <span>回单图片</span>
                                    </fieldset>
                                </div>
                                <div class="col-sm-12">
                                    <div id="receipt" class="col-sm-12">
                                        <ul class="file-list ">

                                        </ul>
                                    </div>
                                </div>
                            </div>

                        </div>

                        <div class="tab-pane active" id="panel-track">
                            <div th:include="lgs/orderTrack::orderTrack"></div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!--shiro控制bootstraptable行内按钮看见性 来自bootdo的创新方案 -->
    <div>
        <script type="text/javascript">
            var s_edit_h = 'hidden';
            var s_remove_h = 'hidden';
        </script>
    </div>
    <div shiro:hasPermission="lgs:orderBind:mng:update">
        <script type="text/javascript">
            s_edit_h = '';
        </script>
    </div>
    <div shiro:hasPermission="lgs:orderBind:mng:update">
        <script type="text/javascript">
            var s_remove_h = '';
        </script>
    </div>

</div>
<div th:include="include::footer"></div>
<script type="text/javascript" src="/js/jquery.form.min.js"></script>
<script type="text/javascript" src="/js/appjs/lgs/orderBind/mng.js">

</script>
</body>

</html>